
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"  template="/template/layoutSIRENAS.xhtml">


	<ui:define name="content">
		
		<h3 align="left"></h3>
		<p:panelGrid id="gridFichaArbitro" layout="grid" styleClass="ui-panel" style="width: 100%;">
			
			<p:row id="datosFichaArbitro">
				<p:column  style="text-align:center"  >
					<ui:repeat  value="#{sessionScope.fichaRegistro}" var="ficha">
						<p:outputLabel style="font-weight: bold;" value="NRO REGISTRO:" rendered="#{not empty ficha.numFicha}"/>
					    <h:outputText id="numFicha" value="#{ficha.numFicha}" rendered="#{not empty ficha.numFicha}"/>
					    	<p:spacer width="30"/>
						<p:outputLabel style="font-weight: bold;" value="ESTADO:"/>
						<p:spacer width="5"/>
					    <h:outputText id="estado" value="#{ficha.estadoFicha.nomEstado}" />
							<p:spacer width="30"/>
						<p:outputLabel style="font-weight: bold;" value="DESDE:" rendered="#{not empty ficha.estadoFicha.fecInicio}"/>
						<p:spacer width="5"/>
					    <h:outputText id="inicio" value="#{ficha.estadoFicha.fecInicio}" rendered="#{not empty ficha.estadoFicha.fecInicio}">
							<f:convertDateTime pattern="dd-MM-yyyy" />
						</h:outputText>
					    	<p:spacer width="30"/>
						<p:outputLabel style="font-weight: bold;" value="HASTA:" rendered="#{not empty ficha.estadoFicha.fecFin}"/>
						<p:spacer width="5"/>
					    <h:outputText id="fin" value="#{ficha.estadoFicha.fecFin}" rendered="#{not empty ficha.estadoFicha.fecFin}">
							<f:convertDateTime pattern="dd-MM-yyyy" />
						</h:outputText>
						
					</ui:repeat>
				</p:column>
			</p:row> 
			<!-- <p:row>
				<p:column style="text-align:left;">
					<h:form>
						<p:commandButton value="VER CONSTANCIA" id="btnVerDetalle" 
							actionListener="#{registroArbitroModalidadBean.generaConstanciaPdf}"  icon="ui-icon-search" />
							
						<p:commandButton value="VER VISTA PREVIA" id="btnVerVistaPrevia" 
							actionListener="#{registroArbitroModalidadBean.generaVistaPreviaFicha}"  icon="ui-icon-search" />
							
						<p:remoteCommand name="refresh" update="dialogVisorPDF"/>
						<p:dialog id="dialogVisorPDF" widgetVar="dialogVisorPDF" header="VISTA DOCUMENTO PDF" closable="true"  onHide="refresh()"
							dynamic="true" width="750px" height="500px" modal="true" appendTo="@(body)">
							<ui:include  src="visorArchivoPdf.xhtml"  />
						</p:dialog> 
					</h:form>
				</p:column>
			</p:row> -->
			<p:row>
				<p:column style="text-align:center"  >
					<p:tabView id="tabViewArbitro" prependId="false" dynamic="true" cache="false" style="display: inline-block; width: 100%">
			           <p:ajax event="tabChange" listener="#{fichaArbitroBean.onChange}" />
						<p:tab id="tabFormAcademica"  title="#{rbSirenasUI['sirenas.ui.ficha.arbitro.vista.academica']}" >
							<ui:include src="vistaFormacionAcademica.xhtml"  /> 
						</p:tab>
						<p:tab id="tabContrataciones" title="#{rbSirenasUI['sirenas.ui.ficha.arbitro.vista.contrataciones']}">
							 <ui:include src="vistaContrataciones.xhtml" />
						</p:tab>
						<p:tab id="tabArbitraje" title="#{rbSirenasUI['sirenas.ui.ficha.arbitro.vista.arbitraje']}">
							 <ui:include src="vistaArbitraje.xhtml" />
						</p:tab>
						<p:tab id="tabAdministrativo" title="#{rbSirenasUI['sirenas.ui.ficha.arbitro.vista.derecho']}">
							 <ui:include src="vistaDerechoAdmin.xhtml" />  
						</p:tab>
						
					</p:tabView>
				</p:column>
			</p:row>
		</p:panelGrid>
		
					
		
		
	</ui:define>
</ui:composition>
